<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>安妮的礼物 - 首页</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/c_main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="toolbar">
  <div class="tool">
    <div class="tool-fl">您好，欢迎光临安妮的礼物！ <a href="#">[登录]</a> <a href="#">[免费注册]</a></div>
    <!--end tool-fl-->
    <div class="tool-fr"><a href="#">会员中心</a><span>|</span><a href="#" class="orange">订单查询</a><span>|</span><a href="#">帮助中心</a><span>|</span><a href="#">网站地图</a></div>
    <!--end tool-fr--> 
  </div>
  <!--end tool--> 
  
</div>
<!--end toolbar-->

<div id="header" class="mb">
  <div class="header-top">
    <div class="logobox">
      <h1 class="logo"><a href="#">安妮的礼物</a></h1>
      <!--end logo-->
      <div class="intro">
        <p class="ehour">八小时外的新鲜生活</p>
        <p class="fw">全国站 <img src="images/icon/huangguan.png" /> <img src="images/icon/huangguan.png" /></p>
      </div>
      <!--end intro--> 
    </div>
    <!--end logobox-->
    
    <div class="search_form fr">
      <div class="tel">客服热线 0532-80660520</div>
      <form class="form">
        <input type="text" class="sr" name="">
        <input type="button" value="搜索" class="sub" name="">
      </form>
    </div>
    <!--end search_form--> 
    
  </div>
  <!--end header-top-->
  
  <div id="nav">
    <div class="wrap">
      <div class="nav-menu">
        <ul class="clearfix">
          <li class="hover"><a href="#"><span>首页</span></a></li>
          <li><a href="#"><span>送女友</span></a></li>
          <li><a href="#"><span>送男友</span></a></li>
          <li><a href="#"><span>生日礼物</span></a></li>
          <li><a href="#"><span>结婚礼物</span></a></li>
          <li><a href="#"><span>圣诞节礼物</span></a></li>
          <li><a href="#"><span><em class="more">更多</em></span></a></li>
          <li><a href="#"><span>特价</span></a></li>
          <li><a href="#"><span>资讯</span></a></li>
        </ul>
      </div>
      <!--end nav-menu-->
      
      <div class="nav-r">
        <ul>
          <li class="car"><a href="#">购物车(0)</a></li>
          <li class="fg">|</li>
          <li><a href="#">我的订单</a></li>
        </ul>
      </div>
      <!--end nav-r--> 
    </div>
    <!--end warp--> 
    
  </div>
  <!--end nav-menu--> 
  
</div>
<!--end header-->

<div id="content">
  <div class="layout-grid mb clearfix">
    <div class="w220 mr fl">
      <div class="cui-box1 mb">
        <div class="title">
          <h2 class="tith">商品分类</h2>
        </div>
        <!--end title-->
        <div class="cbox">
          <div class="allsort" id="left_hovemenu">
            <div class="sdbox" style="z-index:100;"><a href="#" class="item"><strong>巧克力</strong>祝福语定制</a>
            </div>
            <!--sdbox end-->
            
            <div class="sdbox" style="z-index:99;"><a href="#" class="item"><strong>卡通花束</strong>永不凋谢的花朵</a><s></s>
              <div class="coldetail" style="display:none;">
                <div class="colbox">
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  </ul>
                </div>
                <!--colbox end--> 
              </div>
              <!--coldetail end--> 
            </div>
            <!--sdbox end-->
            
            <div class="sdbox" style="z-index:98;"><a href="#" class="item"><strong>时尚饰品</strong>项链 戒指</a><s></s>
              <div class="coldetail" style="display:none;">
                <div class="colbox">
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  </ul>
                </div>
                <!--colbox end--> 
              </div>
              <!--coldetail end--> 
            </div>
            <!--sdbox end-->
            
            <div class="sdbox" style="z-index:97;"><a href="#" class="item"><strong>创意家居</strong>音乐盒、玩具</a><s></s>
              <div class="coldetail" style="display:none;">
                <div class="colbox">
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  </ul>
                </div>
                <!--colbox end--> 
              </div>
              <!--coldetail end--> 
            </div>
            <!--sdbox end-->
            
            <div class="sdbox" style="z-index:96;"><a href="#" class="item"><strong>趣味玩具</strong>手办 益智玩具</a><s></s>
              <div class="coldetail" style="display:none;">
                <div class="colbox">
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  </ul>
                </div>
                <!--colbox end--> 
              </div>
              <!--coldetail end--> 
            </div>
            <!--sdbox end-->
            
            <div class="sdbox last" style="z-index:95;"><a href="#" class="item"><strong>影印礼品</strong>变色杯 个性拼</a><s></s>
              <div class="coldetail" style="display:none;">
                <div class="colbox">
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  <li><a href="#">阳光罐</a></li>
                  </ul>
                </div>
                <!--colbox end--> 
              </div>
              <!--coldetail end--> 
            </div>
            <!--sdbox end--> 
          </div>
          <!--allsort end-->
          <div class="menu-more"><a href="#">特价商品区&gt;&gt;</a></div>
        </div>
        <!--end cbox--> 
      </div>
      <!--end cui-box-->
      
      
      <div class="cui-box4 mb">
        <div class="title">
            <h2 class="tith">巧克力热销榜</h2>
        </div>
        <!--end title-->
        <div class="cbox pa10">
        
			<ul class="sell_well_img mb">
            	<li>
                	<dl>
                    	<dt><a class="img_h" href="#"><img src="images/testimg/100_100.jpg"></a><em>1</em></dt>
               		    <dd class="mb5"><a href="#">生日快乐祝福语 巧克力</a></dd>
                	    <dd class="mb5"><p class="bbprice-us"><span>￥</span>50.00</p></dd>
                	    <dd class="gray6">最近销售<span class="sl">5</span>斤</dd>
                    </dl>
                </li>
            	<li>
                	<dl>
                    	<dt><a class="img_h" href="#"><img src="images/testimg/100_100.jpg"></a><em>2</em></dt>
               		    <dd class="mb5"><a href="#">生日快乐祝福语 巧克力</a></dd>
                	    <dd class="mb5"><p class="bbprice-us"><span>￥</span>50.00</p></dd>
                	    <dd class="gray6">最近销售<span class="sl">5</span>斤</dd>
                    </dl>
                </li>

            	<li>
                	<dl>
                    	<dt><a class="img_h" href="#"><img src="images/testimg/100_100.jpg"></a><em>3</em></dt>
               		    <dd class="mb5"><a href="#">生日快乐祝福语 巧克力</a></dd>
                	    <dd class="mb5"><p class="bbprice-us"><span>￥</span>50.00</p></dd>
                	    <dd class="gray6">最近销售<span class="sl">5</span>斤</dd>
                    </dl>
                </li>


            </ul>        
        
			<ul class="sell_well_wz">
            	<li><em>4</em><a class="gray6" href="#">生日快乐祝福语巧克力</a></li>
            	<li><em>5</em><a class="gray6" href="#">生日快乐祝福语巧克力</a></li>
            	<li><em>6</em><a class="gray6" href="#">生日快乐祝福语巧克力</a></li>
            	<li><em>7</em><a class="gray6" href="#">生日快乐祝福语巧克力</a></li>
            	<li class="last"><em>8</em><a class="gray6" href="#">生日快乐祝福语巧克力</a></li>
            </ul>        
        </div>            
        <!--end cbox-->
      </div>      
      <!--end cui-box4-->
      
      
      
      
      
      
    </div>
    <!--end w220-->
    
    <div class="w770 fl">
    
        <div class="crumbs_nav mb">
        <span class="icon">当前位置：</span><a href="/">首页</a> &gt; <a href="#">巧克力</a>
        </div>
        <!--end crumbs_nav-->
        
		<div class="p_classify mb20">
       	  <!--p_t start-->
          <div class="p_t">
              <ul class="box">
              	<li class="first">您已选择：</li>
                <li class="select">
                <div class="c_name"><strong>100-199元</strong><em>已选择</em></div>
                </li>
                <li class="last">共找到相关商品 <span class="orange b fs14">16</span> 件</li>
              </ul>
              
          </div>
       	  <!--p_t end-->
          
       	  <!--p_b start-->
          <div class="p_b">
            	<div class="fbox clearfix mb">
                  <div class="big_name fl">商品分类：</div>
                  <ul class="small_name clearfix fl">
                      <li class="all"><a href="#" class="hover">全部</a></li>
                      <li><a href="#">巧克力分类1</a></li>
                      <li><a href="#">巧克力分类2</a></li>
                      <li><a href="#">巧克力分类3</a></li>
                      <li><a href="#">巧克力分类4</a></li>
                  </ul>
                </div>
                <!--end fbox-->
            	<div class="fbox last clearfix">
                  <div class="big_name fl">价格区间：</div>
                  <ul class="small_name clearfix fl">
                      <li class="all"><a href="#" class="hover">全部</a></li>
                      <li><a href="#">0-99元</a></li>
                      <li><a href="#">100-199元</a></li>
                      <li class="del"><a href="#">200-299元</a></li>
                      <li><a href="#">300-499元</a></li>
                      <li><a href="#">500元以上</a></li>
                  </ul>
                </div>
                <!--end fbox-->
          </div>
       	  <!--p_b end-->
        </div>
        <!--end p_classify-->        
        
                                             
		<div class="p_sort">
          <ul class="p_ul">
          <li class="active"><a href="#"><span>全部商品</span></a></li>
          <li><a href="#"><span>按销量展示</span></a></li>
          <li><a href="#"><span>特价商品</span></a></li>
          </ul>
          
          <!--page start-->
          <div class="page">
            <span class="fl">1/11</span>
            <a href="#" class="pgup">上一页</a><a href="#" class="pgdn">下一页</a>
          </div>
          <!--page end-->
        </div>        
        <!--p_sort end-->
        
        <div class="present_list">
        <ul class="list clearfix">
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a>
                  <span class="icon"><img width="53" height="53" src="images/icon/tj_icon.gif" /></span>
                  </dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>50.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a></dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>50.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a>
                  <span class="icon"><img width="53" height="53" src="images/icon/tj_icon.gif" /></span>
                  </dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>500.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a>
                  <span class="icon"><img width="53" height="53" src="images/icon/tj_icon.gif" /></span>
                  </dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>50.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a></dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>50.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a>
                  <span class="icon"><img width="53" height="53" src="images/icon/tj_icon.gif" /></span>
                  </dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>500.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a>
                  <span class="icon"><img width="53" height="53" src="images/icon/tj_icon.gif" /></span>
                  </dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>50.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a></dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>50.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
        </ul>
        <div class="clear"></div>
        </div>     
        <!--present_list end-->
        
		<div class="page tr">
          <a href="#" class="pgup">上一页</a><a href="#" class="active">1</a><a href="#">2</a><a href="#">3</a><span class=" bk_element">...</span><a href="#">10</a><a href="#" class="pgdn">下一页</a>
            <div class="page_break bk_element">
              <form action="#">
                <span>共100页 到第
                <input type="text" gtbfieldid="98" name="page_number" class="page_number" value="1" />
                页
                <input type="submit" value="确定" class="page_sub" />
                </span>
              </form>
            </div>
        </div>        
        <!--page end-->
        
		<div class="p_sort mt20">
          <ul class="p_ul">
          <li class="active"><a href="#"><span>掌柜推荐</span></a></li>
          </ul>
        </div>        
        <!--p_sort end-->
        
        <div class="present_list">
        <ul class="list clearfix">
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a>
                  <span class="icon"><img width="53" height="53" src="images/icon/tj_icon.gif" /></span>
                  </dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>50.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a></dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>50.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a>
                  <span class="icon"><img width="53" height="53" src="images/icon/tj_icon.gif" /></span>
                  </dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>500.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
            <li>
                <dl>
                  <dt><a class="img_box" href="#"><span class="img_h"><img src="images/testimg/170_70.jpg" /></span></a></dt>
                  <dd class="name"><h3><a href="#">生日快乐祝福语 巧克力</a></h3></dd>
                  <dd><p class="bbprice-us"><span>￥</span>50.00</p><p class="bbprice-sl gray6">最近销售<span class="sl">4037</span>件</p></dd>
                </dl>
            </li>
           </ul>
           <div class="clear"></div>
        </div>     
        <!--present_list end-->
        
        <div class="btsearch">
          <form class="form">
            <input type="text" name="" class="sr" value="请输入商品名称搜索" />
            <input type="button" name="" class="sub" value="搜索" />
          </form>
          <p class="key">相关搜索：<a href="#">创意礼物</a><a href="#">创意礼物</a><a href="#">创意礼物</a><a href="#">创意礼物</a></p>
        </div>
        <!--btsearch end-->
    
    
    
    </div>
    <!--end w770-->
    
  </div>
  <!--end layout-grid-->
  
  <div class="index-hlep">
    <div class="box clearfix">
      <div class="helplist">
        <h4 class="tith">购物保障</h4>
        <ul class="hul">
          <li><a href="#">正品保障</a></li>
          <li><a href="#" class="orange">部分商品货到付款</a></li>
          <li><a href="#">7天无障碍退换货</a></li>
        </ul>
      </div>
      <!--end helplist-->
      <div class="helplist last">
        <h4 class="tith">新手帮助</h4>
        <ul class="hul">
          <li><a href="#">免费注册会员</a></li>
          <li><a href="#">如何下订单购买</a></li>
          <li><a href="#" class="orange">7订单查询</a></li>
          <li><a href="#">帮助中心</a></li>
        </ul>
      </div>
      <!--end helplist-->
      
      <div class="bz"> <img src="images/hlep_icon.png" width="81" height="83" /></div>
      <!--end bz-->
      
      <div class="helplist">
        <h4 class="tith">付款方式</h4>
        <ul class="hul">
          <li><a href="#" class="orange">货到付款</a></li>
          <li><a href="#">支付宝</a></li>
          <li><a href="#">网银在线</a></li>
          <li><a href="#">财付通</a></li>
          <li><a href="#">银行汇款/转账</a></li>
          <li><a href="#">邮局汇款</a></li>
        </ul>
      </div>
      <!--end helplist-->
      
      <div class="helplist last">
        <h4 class="tith">商城特色</h4>
        <ul class="hul">
          <li><a href="#">12小时在线客服</a></li>
          <li><a href="#">兼职工作机会</a></li>
          <li><a href="#">网站推广</a></li>
        </ul>
      </div>
      <!--end helplist--> 
    </div>
    <!--end box-->
    
    <p class="tc"><img src="images/gw_ship.png" width="930" height="55" /></p>
  </div>
  <!--end index-hlep--> 
  
</div>
<!--end content-->

<div class="hr"></div>
<div id="footer">
  <p class="link"><a href="#">关于我们</a><span>|</span><a href="#">诚聘英才</a><span>|</span><a href="#">商务合作</a><span>|</span><a href="#">用户协议</a><span>|</span><a href="#">帮助中心</a><span>|</span><a href="#">资讯中心</a><span>|</span><a href="#">网站地图</a><span>|</span><a href="#">友情链接</a></p>
  <p>Copyright 2010-2012 安妮的礼物 Anngift.com All Rights Reserved. </p>
  <p>鲁ICP备09018381号-2</p>
  <div class="youqinglink"><strong class="orange">友情链接：</strong> <a href="#">搜狐网</a><span>|</span><a href="#">腾讯网</a></div>
  <!--end youqinglink--> 
  
</div>
<!--end footer-->
</body>
</html>
